import {PageContainer, ProCard} from "@ant-design/pro-components";
import React from "react";
import {ConfigProvider, Empty, Menu, Segmented} from "antd";
import Deployments from "@/pages/Devops/Env/deployments";

const EnvDetail: React.FC = () => {
  return (
    <PageContainer title={false}>
      <ProCard ghost={true} direction={"column"} gutter={[16, 16]} size={"small"} style={{height: '100vh'}}>
        <ProCard>
          <ConfigProvider
            theme={{
              components: {
                Segmented: {
                  itemSelectedBg:'#C4DEF2FF'
                },
              },
            }}
          >
            <Segmented
              options={['资源状态','修改记录','元数据','监控','事件']}
              onChange={(value) => {
                console.log(value); // string
              }}
            />
          </ConfigProvider>

        </ProCard>
        <ProCard title={'Services'}><Empty/></ProCard>
        <ProCard title={'Ingress'}><Empty/></ProCard>
        <ProCard size={"small"}><Deployments/></ProCard>
      </ProCard>

    </PageContainer>
  )
}
export default EnvDetail;
